<?php $this->load->view('scenic/layout/header') ?>

<div class="widthMax">
        <header class="around sec-head flex">
            <div class="sec-return">
                <a href="javascript.history.">
                    <i class="iconfont">&#xe606;</i>
                </a>
            </div>
            <div class="sec-city flex flex-align-center flex-pack-center">
                <div class="flex">
                    <span>扫码惠</span>
                    <p>周边玩乐</p>
                </div>
            </div>
        </header>
        <section class="around-tion">
            <a href="#" class="around-png">
                <img src="./images/xiaoguo.png">
            </a>
            <nav  class="scrollspy-nav" data-am-sticky>
                <ul class="arou-ul flex" >
                    <li>
                        <a href="#scenic" class="am-active">
                            <div class="arou-link">
                                <i></i>
                                <p>景区</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#hodle">
                            <div class="arou-link">
                                <i></i>
                                <p>酒店</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#eat">
                            <div class="arou-link">
                                <i></i>
                                <p>餐饮</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </nav>
            <div class="arou-scenic" id="scenic">
                <img src="./images/scenic.png" class="arou-png">
                <?php if (isset($sceneryList)) : ?>
                <ul class="arou-list am-cf">
                    <?php foreach($sceneryList as $value) : ?>
                    <li>
                        <a href="<?php echo site_url('scenic/info/index/'. $value->sid); ?>">
                            <img class="lazy" src="<?php echo $this->config->show_image_url($value->minipics, '300-300'); ?>">
                            <div class="arou-text">
                                <p class="am-text-truncate"><?php echo $value->name_hanzi; ?></p>
                                <div class="arou-k flex">
                                    <i>￥<?php echo $value->shop_price; ?></i>
                                    <span class="am-text-truncate">已售：<?php echo $value->sales_volume; ?></span>
                                </div>
                            </div>
                            <div class="arou-o flex">
                                <?php if ($value->off_bonus > 0) : ?>
                                <div class="arou-1 flex flex-align-center flex-pack-center flex-1">
                                    <div class="arou-money flex">
                                        <i></i>
                                        <p class="flex-1"><?php echo '可抵扣'.$value->off_bonus.'元'; ?> </p>
                                    </div>
                                </div>
                                <?php endif; ?>
                                <div class="arou-book">
                                    立即预订
                                </div>
                            </div>
                        </a>
                    </li>
                    <?php endforeach; ?>
                </ul>
                <?php endif; ?>
            </div>
            <div class="arou-hodle" id="hodle">
                <img src="./images/hodle.png" class="arou-png">
                <?php if(isset($hotelList)) : ?>
                <ul class="arou-list am-cf">
                    <?php foreach($hotelList as $value) : ?>
                    <li>
                        <a href="<?php echo $value->url; ?>">
                            <img src="<?php echo $value->pic;?>">
                            <div class="arou-text">
                                <p class="am-text-truncate"><?php echo $value->name; ?></p>
                                <div class="arou-k flex">
                                    <i>￥<?php echo $value->min_price;?></i>
                                    <span class="am-text-truncate">已售：<?php echo $value->count; ?></span>
                                </div>
                            </div>
                            <div class="arou-o flex">
                                <!-- <div class="arou-1 flex flex-align-center flex-pack-center flex-1">
                                    <div class="arou-money flex">
                                        <i></i>
                                        <p class="flex-1">可抵扣1元</p>
                                    </div>
                                </div> -->
                                <div class="arou-book">
                                    立即预订
                                </div>
                            </div>
                        </a>
                    </li>
                    <?php endforeach; ?>
                </ul>
                <?php endif; ?>
            </div>
            <div class="arou-eat" id="eat">
                <img src="./images/eat.png" class="arou-png">
                <ul class="arou-list am-cf">
                <?php if(isset($restaurantList)) : ?>
                    <?php foreach($restaurantList as $value) : ?>
                    <li>
                        <a href="<?php echo site_url('scenic/info/index/'. $value->sid); ?>">
                            <img class="lazy" src="<?php echo $this->config->show_image_url($value->minipics, '300-300'); ?>">
                            <div class="arou-text">
                                <p class="am-text-truncate"><?php echo $value->name_hanzi; ?></p>
                                <div class="arou-k flex">
                                    <i>￥<?php echo $value->shop_price; ?></i>
                                    <div class="vol flex flex-1">
                                        <div class="volume flex">
                                            <p><?php echo $value->shop_price. '抵50元'; ?></p>
                                        </div>
                                    </div>
                                </div>
                                <div class="arou-sale am-text-truncate">
                                    已售：<?php echo $value->sales_volume; ?>
                                </div>
                            </div>
                        </a>
                    </li>
                    <?php endforeach; ?>
                <?php endif; ?>
                    <li>
                        <a href="javascript:;">
                            <img class="lazy" src="./images/baitaqiao.png">
                            <div class="arou-text">
                                <p class="am-text-truncate">白塔桥饭店</p>
                                <div class="arou-k flex">
                                    <i>￥50</i>
                                    <div class="vol flex flex-1">
                                        <div class="volume flex">
                                            <p>50抵55元</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="arou-sale am-text-truncate">
                                    已售：323
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img class="lazy" src="./images/rongzhuang.png">
                            <div class="arou-text">
                                <p class="am-text-truncate">江南荣庄</p>
                                <div class="arou-k flex">
                                    <i>￥90</i>
                                    <div class="vol flex flex-1">
                                        <div class="volume flex">
                                            <p>90抵100元</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="arou-sale am-text-truncate">
                                    已售：225
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img class="lazy" src="./images/heji.png">
                            <div class="arou-text">
                                <p class="am-text-truncate">和记私房菜</p>
                                <div class="arou-k flex">
                                    <i>￥70</i>
                                    <div class="vol flex flex-1">
                                        <div class="volume flex">
                                            <p>90抵100元</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="arou-sale am-text-truncate">
                                    已售：115
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </section>
        <footer class="arou-footer">
            <ul class="widthMax flex">
                <li>
                    <a href="<?php echo site_url('scenic/jiangncc/index'); ?>">
                        <p>
                            <i class="iconfont">&#xe605;</i>
                            <span>首页</span>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="<?php echo site_url() ?>">
                        <p>
                            <i class="iconfont">&#xe63b;</i>
                            <span>平台</span>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="<?php echo site_url('scenic/order/index'); ?>">
                        <p>
                            <i class="iconfont">&#xe622;</i>
                            <span>我的订单</span>
                        </p>
                    </a>
                </li>
            </ul>
        </footer>
    </div>
    <script type="text/javascript">
        $(function(){
            function height(){
                var height = $('.scrollspy-nav').height();
                return{
                    offsetTop:height
                }
            };
            $('.scrollspy-nav').scrollspynav(height());
        })
    </script>


<?php $this->load->view('scenic/layout/footer') ?>
